<template>
	<view>
		<view class="content bg100 plr12 pb50" :style="`backgroundImage: url(${$domain.ossapi}/index/indexbg.png)`">
			<!-- <uv-status-bar></uv-status-bar> -->
			<view class="ptb15 align-center justify-between">
				<image :src="`${$domain.ossapi}/index/welcome.png`" class="block" mode="heightFix" style="height: 50upx;"></image>
			    <view class="align-center">
					<view class="align-center bgRed radius8 white ft12 plr10 ptb5">
						<image :src="`${$domain.ossapi}/index/warn.png`" class="block" style="width: 36upx;height: 36upx;"></image>
						<text class="ml2">未认证</text>
					</view>
			    	<view class="">
			    		<image :src="`${$domain.ossapi}/index/msg.png`" class="block" style="width: 66upx;height: 66upx;"></image>
			    	</view>
			    </view>
			</view>
			<view class="mt12 radius15 docInfo plr15 pb20">
				<view class="align-center justify-between">
					<view class="">
						<view class="ft20 bold">白医生</view>
						<view class="align-center mt5">
							<text class="light bold">主任医师</text>
							<text class="ml5 grayb">杭州市第二人民医院</text>
						</view>
					</view>
					<view class="ptb13">
						<image :src="`${$domain.ossapi}/index/avatar_boy.png`" class="block" style="width: 113upx;height: 113upx;"></image>
					</view>
				</view>
				<view class="radius10 plr15 ptb10 red2 align-center justify-between" style="background-color: #FFE7E7;">
					<view class="pr10 flex1" style="padding-right: 40upx;">
						您还未完成医师执业证网络备案，将无法正常接诊，请尽快完成备案！
					</view>
					<uv-icon name="play-right-fill" color="#FFA6A6" size="8"></uv-icon>
				</view>
			</view>
			<view class="align-center justify-between">
				<view class="" @click="navTo('/pages/prescription/index')">
					<image :src="`${$domain.ossapi}/index/tab_kai.png`" class="block" style="width: 335upx;height: 145upx;"></image>
				</view>
				<view class="">
					<image :src="`${$domain.ossapi}/index/tab_order.png`" class="block" style="width: 335upx;height: 145upx;"></image>
				</view>
			</view>
			<view class="align-center justify-between mt20">
				<view class="radius10 tabitems bgWhite flex-col align-center justify-center" v-for="(item,index) in tabList" :key="index"
				@click="navTo(item.url)">
					<image :src="`${$domain.ossapi}/index/tab${index}.png`" class="block" style="width: 90upx;height: 68upx;"></image>
				    <view class="ft12">{{item.name}}</view>
				</view>
			</view>
			<view class="mt20">
				<image :src="`${$domain.ossapi}/index/banner.png`" mode="widthFix" class="w100 radius15"></image>
			</view>
			<view class="mt20 bgWhite radius15">
				<view class="align-center">
					<view class="plr15">
						<image :src="`${$domain.ossapi}/index/askset.png`" style="width: 46upx;height: 46upx;"></image>
					</view>
					<view class="flex1 align-center justify-between bdbf1 ptb12 gray1c">
						<text>问诊及提问设置</text>
						<uv-icon name="play-right-fill" color="#BBBDC1" size="8"></uv-icon>
					</view>
				</view>
				<view class="align-center">
					<view class="plr15">
						<image :src="`${$domain.ossapi}/index/orderset.png`" style="width: 46upx;height: 46upx;"></image>
					</view>
					<view class="flex1 align-center justify-between bdbf1 ptb12 gray1c">
						<text>自定义问诊单设置</text>
						<uv-icon name="play-right-fill" color="#BBBDC1" size="8"></uv-icon>
					</view>
				</view>
				<view class="align-center">
					<view class="plr15">
						<image :src="`${$domain.ossapi}/index/welcomeset.png`" style="width: 46upx;height: 46upx;"></image>
					</view>
					<view class="flex1 align-center justify-between bdbf1 ptb12 gray1c">
						<text>欢迎语设置</text>
						<uv-icon name="play-right-fill" color="#BBBDC1" size="8"></uv-icon>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabList:[
					{name:'经典药方'},
					{name:'处方草稿'},
					{name:'历史药方'},
					{name:'编辑公告',url:'/pages/index/hisNotice'},
					{name:'邀请患者',url:"/pages/mine/invite"},
				]
			}
		},
		methods: {
			
		}
	}
</script>
<style scoped lang="scss">
	.content{
		min-height: 100vh;
		.docInfo{
			background: rgba(255,255,255,0.5);
			box-shadow: 0rpx 10rpx 24rpx 0rpx rgba(11,42,79,0.02);
			border: 2rpx solid;
			border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
		}
		.tabitems{
			width: 120upx;
			height: 120upx;
		}
	}
</style>